.split-root{
  height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* cards */
.pane-card{
  overflow:hidden;
  min-height:0;
  border-radius:0;
}

.pane-top{
  flex:1 1 auto;
  min-height:0;
}

.pane-bottom{
  flex:0 0 auto;
  height:320px;      /* inicial; JS ajusta */
  min-height:0;
}

.pane-header{
  padding:8px 12px;
  font-weight:600;
}

.pane-body{
  padding:0 !important;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
}


.pane-fill{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;   /* ✅ habilita rolagem vertical */
  overflow-x:hidden; /* opcional */
}

/* barra */
.split-bar{
  position:relative;
  height:10px;
  flex:0 0 10px;
  cursor:ns-resize;
  background:rgba(255,255,255,0.08);
  border-top:1px solid rgba(255,255,255,0.10);
  border-bottom:1px solid rgba(255,255,255,0.10);
}

.drag-handle{ position:absolute; inset:0; }

/* botão (aberto: no meio da barra) */
.split-btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  height:28px;
  width:44px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.25);
  background:#ffffff;
  cursor:pointer;
  z-index:10;
}

/* fechado: some tabela + some barra */
.bottom-collapsed .pane-bottom{
  display:none !important;
}

.bottom-collapsed .split-bar{
  height:0 !important;
  flex:0 0 0 !important;
  border:none !important;
  background:transparent !important;
  cursor:default !important;
}

/* ✅ fechado: botão embaixo no meio */
.bottom-collapsed .split-btn{
  position:fixed !important;

  left:50% !important;
  bottom:14px !important;

  top:auto !important;
  right:auto !important;

  transform:translateX(-50%) !important;

  z-index:99999 !important;
  box-shadow:0 6px 18px rgba(0,0,0,0.30);
}